<template>
  <div class="box">
    <h2>你这个菜鸡</h2>
    <h2>{{ msg }}</h2>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: ''
    }
  },
  mounted () {
    this.$bus.$on('heihei', msg => {
      this.msg = msg
      console.log('heihei')
    })
  },
  beforeDestroy () {
    this.$bus.$off('heihei')
  }
}
</script>

<style>
.box {
  width: 300px;
  height: 300px;
  border: 5px solid pink;
}
</style>
